import { type FC } from 'react';
import { TouchableOpacity, type ViewStyle } from 'react-native';
import { Feather } from '@expo/vector-icons';
import styles from './styles';

type EditButtonProps = {
  onPress?: () => void;
  style?: ViewStyle;
}

const EditButton: FC<EditButtonProps> = (props) => {
  return (
    <TouchableOpacity
      activeOpacity={.8}
      onPress={props.onPress}
      style={[styles.upload_edit, props.style]}
    >
      <Feather
        size={18}
        name="edit-3"
        color="#fff"
      />
    </TouchableOpacity>
  );
}

export default EditButton;